<!--
  Generated template for the ExtraBenefitPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>
    <ion-toolbar content-page class="fir-toolbar">
        <ion-buttons start>
            <button ion-button icon-only (click)="goBack()">
                <i class="toolbar-back"></i>
            </button>
        </ion-buttons>
        <ion-title>
            附加利益保障
        </ion-title>
        <!--<ion-buttons end>-->
            <!--<button ion-button icon-only adpmenutoggle>-->
                <!--<i class="toolbar-menu"></i>-->
            <!--</button>-->
        <!--</ion-buttons>-->
    </ion-toolbar>

</ion-header>


<ion-content class="eb-content">
    <!--<div class="eb-box">-->
        <!--<div class="eb-title">附加意外门诊</div>-->
        <!--<div class="eb-person">-->
            <!--<div class="remark">-->
                <!--（计划二80%给付比例2000）-->
            <!--</div>-->
            <!--<div>-->
                <!--<span class="person-label">被保险人</span><span>13131211222</span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="eb-detail">-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">生效日</span>-->
                <!--<span class="item-right">2015年5月01日</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">签发日</span>-->
                <!--<span class="item-right">2015年5月05日</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">状态</span>-->
                <!--<span class="item-right">缴费期内</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">终止失效日</span>-->
                <!--<span class="item-right">—</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">保险金额</span>-->
                <!--<span class="item-right">0.00</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">当期保险费</span>-->
                <!--<span class="item-right">8.00</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">下期保险费</span>-->
                <!--<span class="item-right">8.00</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">缴费期</span>-->
                <!--<span class="item-right">65</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">合同期满日</span>-->
                <!--<span class="item-right">2080年5月01日</span>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->

    <!--<div class="eb-box">-->
        <!--<div class="eb-title">康佑综合住院</div>-->
        <!--<div class="eb-person">-->
            <!--<div class="remark">-->
                <!--（5000，50）-->
            <!--</div>-->
            <!--<div>-->
                <!--<span class="person-label">被保险人</span><span>13131211222</span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="eb-detail">-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">生效日</span>-->
                <!--<span class="item-right">2015年5月01日</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">签发日</span>-->
                <!--<span class="item-right">2015年5月05日</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">状态</span>-->
                <!--<span class="item-right">缴费期内</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">终止失效日</span>-->
                <!--<span class="item-right">—</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">保险金额</span>-->
                <!--<span class="item-right">0.00</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">当期保险费</span>-->
                <!--<span class="item-right">8.00</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">下期保险费</span>-->
                <!--<span class="item-right">8.00</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">缴费期</span>-->
                <!--<span class="item-right">65</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">合同期满日</span>-->
                <!--<span class="item-right">2080年5月01日</span>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->

    <ion-refresher (ionRefresh)="pullDownRefresh($event)" [pullMax]="800">
        <ion-refresher-content></ion-refresher-content>
    </ion-refresher>

    <!--<div class="eb-box" *ngFor="let data of dataList">-->
        <!--<div class="eb-title">{{data.riderDesc}}</div>-->
        <!--<div class="eb-person">-->
            <!--&lt;!&ndash;<div class="remark">&ndash;&gt;-->
                <!--&lt;!&ndash;（计划二80%给付比例2000）&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--<div>-->
                <!--<span class="person-label">被保险人</span><span>{{data.insuredName}}</span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="eb-detail">-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">生效日</span>-->
                <!--<span class="item-right">{{moment(data.policyEffcitveDate*1000).format('YYYY/MM/DD')}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">签发日</span>-->
                <!--<span class="item-right">{{moment(data.policyIssueDate*1000).format('YYYY/MM/DD')}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">状态</span>-->
                <!--<span class="item-right">{{data.policyStatus}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">终止失效日</span>-->
                <!--<span class="item-right">{{data.policyTrmnDate}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">保险金额</span>-->
                <!--<span class="item-right">{{data.faceAmount}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">当期保险费</span>-->
                <!--<span class="item-right">{{data.modePremium}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">下期保险费</span>-->
                <!--<span class="item-right">{{data.nextPremium}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">缴费期</span>-->
                <!--<span class="item-right">{{data.paymentPeriod}}</span>-->
            <!--</div>-->
            <!--<div class="eb-detail-item">-->
                <!--<span class="item-left">合同期满日</span>-->
                <!--<span class="item-right">{{moment(data.policyExpDate*1000).format('YYYY/MM/DD')}}</span>-->
            <!--</div>-->
        <!--</div>-->
    <!--</div>-->

    <div class="eb-box" *ngFor="let data of dataList">
        <div class="eb-title">
            <div class="eb-title-h">{{data.riderDesc}}</div>
            <div class="eb-title-p"><span class="person-label">被保险人：</span><span>{{data.insuredName}}</span></div>
        </div>
        <!--<div class="eb-person">-->
            <!--&lt;!&ndash;<div class="remark">&ndash;&gt;-->
            <!--&lt;!&ndash;（计划二80%给付比例2000）&ndash;&gt;-->
            <!--&lt;!&ndash;</div>&ndash;&gt;-->
            <!--<div>-->
                <!--<span class="person-label">被保险人</span><span>{{data.insuredName}}</span>-->
            <!--</div>-->
        <!--</div>-->
        <div class="eb-detail">
            <div class="eb-detail-item">
                <span class="item-left">生效日</span>
                <span class="item-right">{{moment(data.policyEffcitveDate*1000).format('YYYY/MM/DD')}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">签发日</span>
                <span class="item-right">{{moment(data.policyIssueDate*1000).format('YYYY/MM/DD')}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">状态</span>
                <span class="item-right">{{data.policyStatus}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">终止失效日</span>
                <span class="item-right">{{data.policyTrmnDate}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">保险金额</span>
                <span class="item-right">{{data.faceAmount}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">当期保险费</span>
                <span class="item-right">{{'￥' + data.modePremium}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">下期保险费</span>
                <span class="item-right">{{'￥' + data.nextPremium}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">缴费期<span *ngIf="data.planCode.indexOf('WOP') == 0">满日</span></span>
                <span class="item-right">{{data.paymentPeriod}}</span>
            </div>
            <div class="eb-detail-item">
                <span class="item-left">合同期满日</span>
                <!--<span class="item-right">{{moment(data.policyExpDate*1000).format('YYYY/MM/DD') > '2900/12/31' ? '终身' : moment(data.policyExpDate*1000).format('YYYY/MM/DD')}}</span>-->
                <span class="item-right">{{data.policyExpDate}}</span>
            </div>
        </div>
    </div>

    <div style="margin-bottom: 5.55vw">

    </div>
</ion-content>
